body
{
	font-family: sans-serif;
	margin: 0;
	text-align: left;
}

.inputframe
{
	background-color: #fbfbfb;
	border: thin solid #eee;
	padding: 1em;
}

div.save
{
	padding-top: 1em ;
	text-align: right;
}

.topbar
{
	margin: 0;
	padding: 0.3em 1em 0 0.5em;
	background-color: #eee;
	border-width: 0 0 medium 0;
	text-align: left;
}

.topbar img
{
	margin: 0;
	padding: 0;
	width: 1.5em;
}

.topbar h1
{
	margin: 0;
	padding: 0;
	display: inline;
}

h2
{
	text-align: center;
	margin: 1em 0;
	padding: 0.5em ;
	border: medium solid transparent;
}

.body
{
	margin: 1em 4%;
}

hr
{
	margin: 1em;
	color: #ccc;
}

.buttons
{
	text-align: right;
	padding: 0.5em;
}

.topbar img
{
	border: thin solid #ccc;
	background-color: #fff;
	
}

#notifications
{
	text-align: left;
	padding: 0 1em;
}

.footer
{
    text-align: center;
}

.friendpanel
{
    float: right;
    text-align: right;
}

td.target
{
    height: 70px;	
}

td.closed
{
   	background: #eee;
}

td.open
{
	background: #caccaa;

}

td.browse_content
{
    background:  #caccaa;	
    vertical-align: top;
    width: 400px;
}

hr
{
    clear: both;
}

#notifications
{
	background-color: #ffe;
    border-style: solid;
    border-width: 0 0 thin 0;
	border-color: #ffa;
}
